<template>
  <div     :class="{ shouldFixed: store.state.showMiniPlayList}">
    <TopNav />
    <SwpierTop />
    <IconList />
    <MusicList/>
    <TopSongAndCD/>

  </div>
</template>

<script>
// @ is an alias to /src
import TopNav from "@/components/home/TopNav.vue";
import SwpierTop from "@/components/home/SwpierTop";
import IconList from "@/components/home/IconList";
import MusicList from "@/components/home/MusicList";
import TopSongAndCD from "@/components/home/TopSongAndCD";
import { useStore } from 'vuex';
export default {
  name: "HomeView",
  components: {
    TopNav,
    SwpierTop,
    IconList,
    MusicList,
    TopSongAndCD
  },
  setup(props) {
    let store = useStore()
    return{
      store
    }
  }

};
</script>
<style lang="less" scoped>
.shouldFixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;

}
  
</style>
